//-----盒子居中显示-----
@mixin margin($width) {
  width: $width;
  margin: 0 auto;
}
/* 边框 */
@mixin border1($a, $color: #000) {
  border: $a solid $color;
}
/* 圆角 */
@mixin circular($circul) {
  border-radius: $circul;
}
/* padding 上下 */
@mixin padding1($w, $h) {
  padding: $h $w;
}
/* 宽高 */
@mixin h_w($a, $b) {
  width: $a;
  height: $b;
}
/* flex居中对齐 */
@mixin flex1($a, $b, $c) {
  display: flex;
  flex-direction: $a;
  justify-content: $b;
  align-items: $c;
}

/* 文字居中对齐 */
@mixin text_center($a) {
  line-height: $a;
  text-align: center;
}
//定位类型混合
@mixin positions($type, $left: 0, $top: 0) {
  position: $type;
  left: $left;
  top: $top;
  display: block;
}
//绝对定位加设置宽高
@mixin absoluteWH($width, $height, $left: 0, $top: 0) {
  position: absolute;
  width: $width;
  height: $height;
  left: $left;
  top: $top;
}
@mixin absoluter($width, $height, $right: 0, $top: 0) {
  position: absolute;
  width: $width;
  height: $height;
  right: $right;
  top: $top;
}
//字体颜色 大小 行高设置
@mixin fonts($size, $lineHeight, $color) {
  font-size: $size;
  line-height: $lineHeight;
  color: $color;
}

@mixin hlptop($height, $lineHeight, $top) {
  height: $height;
  line-height: $lineHeight;
  padding-top: $top;
}

@mixin floatl($width, $height) {
  width: $width;
  height: $height;
  float: left;
}
@mixin floatr($width, $height) {
  width: $width;
  height: $height;
  float: right;
}
@mixin changeColor($color, $color1: #ff2832, $text: none) {
  color: $color;
  &:hover {
    text-decoration: $text;
    color: $color1;
  }
}
